<template>
  <div
    class="
      w-8/12
      bg-gradient-to-r
      from-yellow-500
      to-yellow-300
      mt-16
      rounded-lg
      h-52
      flex-row
      overflow-auto
      flex
      items-center 
      shadow-2xl
    "
  >
    <div class="ml-9">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        class="h-24 w-24"
        fill="none"
        viewBox="0 0 24 24"
        stroke="white"
      >
        <path d="M12 14l9-5-9-5-9 5 9 5z" />
        <path
          d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"
        />
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          stroke-width="2"
          d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"
        />
      </svg>
    </div>
  </div>
</template>
<script>
// import axios from "axios";
export default {
  name: "TitleBar",
};
</script>
<style scoped>
</style>